.map-question{
    position: absolute;
    top: 0px;
    width: 300px;
    max-height: calc(100vh - 150px);
    background: #ffffff;
    box-shadow: 0 0 6px #c9c9c9;
    display: flex;
    pointer-events: all;
    > {
      width: 100%;
      //height: 100%;
    }
    .conGrounp{
      padding: 20px 10px;
      width: 100%;
      .pagination {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .stateContainer{
        display: flex;
        align-items: center;
        justify-content: space-around;
        .item{
          display: flex;
          justify-content: center;
          align-items: center;
          .circle{
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            border: 1px solid #c9c9c9;
            margin-right: 10px;
           }
          .green{
            background:rgba(11,163,114, 0.81);
          }
          .red{
            background:rgba(204,53,24, 0.81);
          }
        }
      }
    }
  }
  .drawtool{
    position: absolute;
    top: 10px;
    right: 310px;
  }